<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<s:set  var="u" value="@com.tank.util.TankUtil@getCurrentUser()"></s:set>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>">

<title>ichange - 个人设置</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

<jsp:include page="../skin/jsp/files.jsp"></jsp:include>

<link href="./skin/setting_files/profile_setting.css" rel="stylesheet"
	type="text/css">
<link href="./skin/setting_files/pwd_setting.css" rel="stylesheet"
	type="text/css">

<script type="text/javascript" charset="utf-8"
	src="./skin/setting_files/less-1.3.0.min.js">
	
</script>
<link href="./skin/setting_files/wokaobox.css" rel="stylesheet"
	type="text/css" media="screen">


</head>
<link rel="stylesheet" type="text/css" href="data:text/css,">

<body>


	
	<script src="zgg/js/jquery.upload-1.0.2.js"></script>
	
	<jsp:include page="header.jsp"></jsp:include>


	<!--end header-->
	<div id="content" class="cf">
		<div id="left_content">
			<dl>
				<dt>我的设置</dt>
				<dd>
					<ul>
						<li><a href="setting#setting-info"
							class="erji_nav_click">基本资料</a></li>
						<li><a href="setting#setting-pwd"
							class="erji_nav">密码设置</a></li>
					</ul>
				</dd>
			</dl>
		</div>
		<!--end left_content-->

		<div id="right_content">
			<h2 id="setting-info">基本资料${u.name}</h2>

			<form action="/settings/info" method="post"
				id="form">

				<div class="user-img">
					<div class="user-upload">


						<p style="padding-bottom:40px;" id="panel_upload">
							<input type="file" name="face" id="inp_upload">
						</p>


						<span><a id="btn_toggle_upload" href="javascript:void(0);">上传头像
						</a> </span>
						<div class="upload-bg-wrap">
							<div class="upload-bg"></div>
						</div>
					</div>
					<div class="upload-imgs">
						<img id="face"
							src="${u.photo}"
							width="120" height="120">
						<p>大头像尺寸120×120</p>
					</div>
				</div>

				<div class="item-wrap">
					<div class="item">
						<label for="account"> 帐号： </label> <span class="show_info">
							${u.mail}</span>
					</div>

					<div class="item">
						<label for="nickname"> 姓名： </label> <span class="fl"> <span
							id="showNickname" class="show_info">${u.name}</span> <input
							type="text" id="nickname" name="nickname"
							class="text-input required" value="${u.name}" style="display: none;">
							<a id="nicknameEdit" href="/settings#"
							class="edit_info">修改</a> <a
							href="/settings/info/nickname"
							id="saveNickname" style="display: none;">保存</a> <a
							href="/settings#" id="cancelUpdateNickname"
							style="display: none; margin-left: 5px;">取消</a> </span> <span
							class="error-wrap" style="display: none;"></span>
					</div>

					<script type="text/javascript">
					<!--
						$('#inp_upload').hide();
						$('#btn_toggle_upload').click(function() {
							$('#inp_upload').toggle();
							$(this).blur();
						});

						$('input[type=file]')
								.change(
										function() {
											$(this)
													.upload(
															'faceUpload?author.id=${u.id}',
															function(res) {
																//alert('File uploaded'+res);
																$('#inp_upload')
																		.hide();
																$('#face')
																		.attr(
																				'src',
																				'zgg/face/'
																						+ res.faceFileName);
															}, 'json');
										});
					//-->
					</script>





					<div class="item">
						<label> 常用邮箱： </label> <span class="fl"> <span
							id="showFrequentEmail" class="show_info">602674664@qq.com</span>
							<input type="text" id="frequentEmail" name="frequentEmail"
							class="text-input email" value="602674664@qq.com"
							style="display: none;" disabled="disabled"> <a
							id="frequentEmailEdit" href="/settings#">
								<span class="edit_info">修改</span> </a> <a
							href="/settings/info/email"
							id="saveFrequentEmail" style="display: none;">保存</a> <a
							href="/settings#" id="cancelUpdate"
							style="display: none; margin-left: 5px;">取消</a> </span> <span
							class="error-wrap" style="display: none;"></span> <span
							class="frequentEmail-toggle tips" style="display: none;">例如：address@mailserver.com</span>
						<select class="frequentEmail-toggle fr mt12"
							id="frequentEmailPrivacy" name="frequentEmailPrivacy">
							<option value="2">公开，所有人可见</option>
							<option value="1" selected="selected">保密，仅自己可见</option>
							<option value="3">我关注的人可见</option>
						</select>
					</div>


					<div class="item cb">
						<label for="weibo-add"> 地址： </label> <select
							style="float: left; BORDER: #CCCCCC 1px solid; FONT-SIZE: 12px; COLOR: #003366; BACKGROUND-COLOR: #fffff; width: 90px; height: 27px; margin-top: 8px;">
							<option value="1" selected="selected">福建</option>

							<option value="2">广东</option>

							<option value="3">浙江</option>

						</select> <select
							style="float: left; BORDER: #CCCCCC 1px solid; FONT-SIZE: 12px; COLOR: #003366; BACKGROUND-COLOR: #fffff; width: 90px; height: 27px; margin-top: 8px;">
							<option value="1" selected="selected">福州</option>

							<option value="2">厦门</option>

							<option value="3">泉州</option>



						</select> <input
							style="float: left; BORDER: #CCCCCC 1px solid; FONT-SIZE: 12px; COLOR: #003366; BACKGROUND-COLOR: #fffff; width: 200px; height: 25px; margin-top: 8px;">
						<span class="error-wrap" style="display: none;"></span> <span
							class="weibo-toggle tips" style="display: none;">例如：http://www.weibo.com/tom</span>
					</div>



					<div class="item cb">
						<label for="weibo-add"> 学校： </label> <select
							style="float: left; BORDER: #CCCCCC 1px solid; FONT-SIZE: 12px; COLOR: #003366; BACKGROUND-COLOR: #fffff; width: 280px; height: 27px; margin-top: 8px;">

							<option value="1" selected="selected">福建农林大学</option>

							<option value="2">福州大学</option>

							<option value="3">福建医科大学</option>
					</div>

					<div class="item last-item">
						<label for="introduction"> 个人简介: </label>
						<textarea name="introduction" id="introduction"
							class=" area-input text-input" maxlength="140"></textarea>
						<span class="error-wrap" style="display: none;"></span> <span
							class="intro-tip fr">（限140字以内）</span>
					</div>
				</div>

				<input type="submit" class="save_btn" value="保  存"
					style="margin-bottom: 30px;">
			</form>

			<div class="right_content" id="setting-pwd">

				<h2>密码设置</h2>

				<form action="/settings/pwd" method="post" id="form">

					<div class="wrap">

						<div>

							<label for="oldPassword">旧密码:</label> <input type="password"
								name="oldPassword" id="oldPassword" tabindex="1"
								class="required" maxlength="16" />

						</div>



						<div>

							<label for="newPassword">新密码:</label> <input type="password"
								name="newPassword" id="newPassword" tabindex="2"
								class="required" maxlength="16" />

						</div>



						<div>

							<label for="confirmPassword">确认密码:</label> <input type="password"
								name="confirmPassword" id="confirmPassword" tabindex="3"
								class="required" maxlength="16" />

						</div>



					</div>



					<input type="submit" class="save_btn" value="保 存" tabindex="4" /> <br
						clear="all"></br>

				</form>

			</div>
			<!--end right_content-->

			<div class="cb"></div>

		</div>
		<!--end content-->



	

	</div>
	<!--end right_content-->

	<div class="cb"></div>

	<br>
	</div>
	<!--end content-->

		<jsp:include page="../skin/jsp/footer.jsp"></jsp:include>
<script type="text/javascript">
       jQuery.global.init();</script>



</body>
</html>